@import './comm.less';

.app {
	background-color: #f0f2f5;

	.container-whole {
		height: 100vh;

		.aside-menu {
			width: 200px !important;
			background-color: #001529;
			height: 100vh;

			.logo {
				height: 40px;
				width: 180px;
				background: rgba(255, 255, 255, 0.2);
				margin: 10px;
				line-height: 40px;
				text-align: center;
				color: #ffffff;
				font-weight: bold;
				font-family: fantasy;
				padding-top: 3px;
				box-sizing: border-box;
			}
		}

		.container-not-menu {
			width: calc(100vw - 200px);

			.el-header {
				background-color: #ffffff;
				color: #333;
				height: 60px;
				line-height: 60px;
			}

			.el-main {
				padding: 0.5vw 1vw 1vw;
				box-sizing: border-box;

				.main-conetnt {
					width: calc(98vw - 200px);
					height: calc(100vh - 2vw - 74px);
					background-color: #ffffff;
					overflow: hidden;
					overflow-y: auto;
				}

				.main-conetnt::-webkit-scrollbar {
					display: none;
				}

				.main-conetnt {
					scrollbar-width: none;
					/*兼容火狐*/
					-ms-overflow-style: none;
					/* 兼容IE10+ */
				}
			}
		}
	}

	.el-aside {
		color: #333;
	}

	.el-table {
		// .el-table__header-wrapper {
		table {
			thead {
				color: #333333;
				font-weight: normal;

				tr {
					background-color: #fafafa;

					th {
						background-color: #fafafa;
						font-size: 14px;
						font-weight: 500;
						font-stretch: normal;
						letter-spacing: 0px;
						color: #333333;
					}
				}
			}

			tbody {
				tr:nth-of-type(even) {
					background: #f5f7fa;
				}

				tr:hover {
					td {
						background-color: rgba(230, 247, 255, 0.8);
					}
				}
			}
		}
		// }
	}
}
